<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<!DOCTYPE HTML>
<html>
<head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <title>DEKE SALON®</title>
    <link rel="stylesheet" href="/static/style/style.css">
    <link rel="stylesheet" type="text/css" href="/static/js/plugins/jquery-easyui/themes/bootstrap/easyui.css">
    <link rel="stylesheet" type="text/css" href="/static/js/plugins/jquery-easyui/themes/icon.css">

    <meta name="viewport" content="width=device-width, initial-scale=1">
    <meta name="description" content=""/>
    <meta name="keywords" content=""/>
    <meta name="author" content=""/>
    <!-- Facebook and Twitter integration -->
    <meta property="og:title" content=""/>
    <meta property="og:image" content=""/>
    <meta property="og:url" content=""/>
    <meta property="og:site_name" content=""/>
    <meta property="og:description" content=""/>
    <meta name="twitter:title" content=""/>
    <meta name="twitter:image" content=""/>
    <meta name="twitter:url" content=""/>
    <meta name="twitter:card" content=""/>
    <link href="https://fonts.googleapis.com/css?family=Roboto:300,400,700" rel="stylesheet">

    <!-- Animate.css -->
    <link rel="stylesheet" href="/static/css/animate.css">
    <!-- Icomoon Icon Fonts-->
    <link rel="stylesheet" href="/static/css/icomoon.css">
    <!-- Themify Icons-->
    <link rel="stylesheet" href="/static/css/themify-icons.css">
    <!-- Bootstrap  -->
    <link rel="stylesheet" href="/static/css/bootstrap.css">
    <!-- Magnific Popup -->
    <link rel="stylesheet" href="/static/css/magnific-popup.css">
    <!-- Owl Carousel  -->
    <link rel="stylesheet" href="/static/css/owl.carousel.min.css">
    <link rel="stylesheet" href="/static/css/owl.theme.default.min.css">
    <!-- Theme style  -->
    <link rel="stylesheet" href="/static/css/style.css">
    <!-- Modernizr JS -->
    <script src="/static/js/modernizr-2.6.2.min.js"></script>
    <!-- FOR IE9 below -->
    <!--[if lt IE 9]>
    <script src="/static/js/respond.min.js"></script>
    <![endif]-->
    <!-- jQuery -->
    <script src="/static/js/jquery.min.js"></script>
    <!-- jQuery Easing -->
    <script src="/static/js/jquery.easing.1.3.js"></script>
    <!-- Bootstrap -->
    <script type="text/javascript" src="/static/js/plugins/jquery-easyui/jquery.easyui.min.js"></script>
    <script src="/static/js/bootstrap.min.js"></script>
    <!-- Waypoints -->
    <script src="/static/js/jquery.waypoints.min.js"></script>
    <!-- Carousel -->
    <script src="/static/js/owl.carousel.min.js"></script>
    <!-- countTo -->
    <script src="/static/js/jquery.countTo.js"></script>
    <!-- Magnific Popup -->
    <script src="/static/js/jquery.magnific-popup.min.js"></script>
    <script src="/static/js/magnific-popup-options.js"></script>
    <!-- Main -->
    <script src="/static/js/main.js"></script>
    <script>
        $(function () {
            $("#btn_submit").click(function () {
                $("#loginForm").form("submit", {
                    url:"/login.do",
                    success:function (data) {
                        data = $.parseJSON(data);
                        if(data.success){
                            window.location.href="/index.do"
                        }else {
                            $.messager.alert("温馨提示", data.msg, "info")
                        }

                    }
                })

            })
        })
    </script>

</head>
<body>
<div class="gtco-loader"></div>
<div id="page">
    <div class="page-inner">
        <nav class="gtco-nav" role="navigation">
            <div class="gtco-container">

                <div class="row">
                    <div class="col-sm-4 col-xs-12">
                        <div id="gtco-logo"><a href="index.html">DEKE SALON® <em>.</em></a></div>
                    </div>
                    <div class="col-xs-8 text-right menu-1">
                        <ul>
                            <li><a href="http://www.c-salon.cn/AboutUs.aspx">品牌文化</a></li>
                            <li><a href="http://www.c-salon.cn/News.aspx">公司新闻</a></li>
                            <li class="has-dropdown">
                                <a href="http://www.c-salon.cn/ShowCase.aspx">原创鉴赏</a>
                                <%--<ul class="dropdown">
                                    <li><a href="#">Web Design</a></li>
                                    <li><a href="#">eCommerce</a></li>
                                    <li><a href="#">Branding</a></li>
                                    <li><a href="#">API</a></li>
                                </ul>--%>
                            </li>
                            <li><a href="http://www.c-salon.cn/Message.aspx">客服中心</a></li>
                            <li><a href="http://www.c-salon.cn/Conference.aspx">培训学校</a></li>
                            <li class="btn-cta"><a href="http://www.c-salon.cn/Beauty.aspx"><span>美容展示</span></a></li>
                        </ul>
                    </div>
                </div>

                精修手技 点靓风华         </div>
        </nav>
        <header id="gtco-header" class="gtco-cover" role="banner"
                style="background-image: url(/static/images/vladimir-proskurovskiy-532426-unsplash.jpg)">
            <div class="overlay"></div>
            <div class="gtco-container">
                <div class="row">
                    <div class="col-md-12 col-md-offset-0 text-left">
                        <div class="row row-mt-15em">
                            <div class="col-md-7 mt-text animate-box" data-animate-effect="fadeInUp">
                                <span class="intro-text-small">欢迎光临德克沙龙</span>
                                <span class="intro-text-small">Welcome to DeKe Beauty Salon</span>
                                <h2>在这里您能享受到最优质的服务.</h2>
                                <h2>Here you can enjoy the best quality service.</h2>
                            </div>
                            <div class="col-md-4 col-md-push-1 animate-box" data-animate-effect="fadeInRight">
                                <div class="form-wrap">
                                    <div class="tab">
                                        <ul class="tab-menu">
                                            <li class="active gtco-first"><a href="#" data-tab="login">登录</a></li>
                                            <li class="gtco-second"><a href="#" data-tab="signup">加入我们吧</a></li>
                                        </ul>
                                        <div class="tab-content">
                                            <div class="tab-content-inner active" data-content="login">
                                                <form id="loginForm" method="post">
                                                    <div class="row form-group">
                                                        <div class="col-md-12">
                                                            <label for="username">姓名 or 邮箱</label>
                                                            <input type="text" name="username" class="form-control"
                                                                   id="username">
                                                        </div>
                                                    </div>
                                                    <div class="row form-group">
                                                        <div class="col-md-12">
                                                            <label for="password">密码</label>
                                                            <input type="password" name="password" class="form-control"
                                                                   id="password">
                                                        </div>
                                                    </div>

                                                    <div class="row form-group">
                                                        <div class="col-md-12">
                                                            <input type="button" id="btn_submit" class="btn btn-primary"
                                                                   value="登录">
                                                        </div>
                                                    </div>
                                                </form>

                                            </div>

                                            <div class="tab-content-inner" data-content="signup">
                                                <form method="post" id="signForm">
                                                    <div class="row form-group">
                                                        <div class="col-md-12">
                                                            <label for="username">姓名 or 邮箱</label>
                                                            <input type="text" class="form-control" name="username" id="username1">
                                                        </div>
                                                    </div>
                                                    <div class="row form-group">
                                                        <div class="col-md-12">
                                                            <label for="password">密码</label>
                                                            <input type="password" class="form-control" name="password" id="password1">
                                                        </div>
                                                    </div>
                                                    <div class="row form-group">
                                                        <div class="col-md-12">
                                                            <label for="prepassword">确认密码</label>
                                                            <input type="password" class="form-control" id="prepassword">
                                                        </div>
                                                    </div>

                                                    <div class="row form-group">
                                                        <div class="col-md-12">
                                                            <input type="button" id="btn_sign" class="btn btn-primary"
                                                                   value="注册">
                                                        </div>
                                                    </div>
                                                </form>
                                            </div>

                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </header>
    </div>
</div>
</body>
</html>

